<style type="text/css">
    .layui-form-label{
        padding-left: 0px;
         padding-right: 5px;
    }

</style>
<form class="layui-form"   action="javascript:;" lay-filter="xdWidget-attr-form">
    <input type="hidden"  name="id" value="">
    <input type="hidden"  name="classFlag" value="">
    <div class="layui-form-item layui-form-item-01">
        <div class="layui-inline">
            <label class="layui-form-label">控件Label</label>
            <div class="layui-input-inline">
                <input type="text" name="label" lay-verify="" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">控件名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" lay-verify="required"
                       placeholder="重要：传参使用"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <input type="checkbox" name="radio" lay-filter="radio" title="单选" lay-skin="primary"  value="true" checked>
                <input type="checkbox" name="verify" title="必选" lay-skin="primary"  value="required">
                <input type="checkbox" name="disabled" title="不可用" lay-skin="primary"  value="disabled">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">多选上限</label>
            <div class="layui-input-inline">
                <input type="text" name="maxCount" lay-verify="number"
                       placeholder="多选时生效,0不限制"
                       autocomplete="off" class="layui-input" value="0">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">自定义Option</label>
            <div class="layui-input-inline">
                <textarea name="options" placeholder="请输入内容" lay-verify="" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">Skin</label>
            <div class="layui-input-inline">
                <select name="skin">
                    <option value="default">default</option>
                    <option value="primary">primary</option>
                    <option value="normal">normal</option>
                    <option value="warm">warm</option>
                    <option value="danger">danger</option>
                </select>
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">包裹符</label>
            <div class="layui-input-inline">
                <input type="text" name="quotesStr" lay-verify=""
                       placeholder="值包裹形式：'value',value"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">分割符</label>
            <div class="layui-input-inline">
                <input type="text" name="splitStr" lay-verify=""
                       placeholder="多选生效"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">宽度</label>
            <div class="layui-input-inline">
                <input type="text" name="width"
                       placeholder="百分比或px"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label">级联操作</label>
            <div class="layui-input-inline">
                <input type="text" name="events"  autocomplete="off" class="layui-input" placeholder="级联Form控件名,';'分割">
            </div>
        </div>

        <div class="layui-inline">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <input type="checkbox" name="serverFlag" lay-filter="serverFlag" title="远程模式" lay-skin="primary"  value="true">
            </div>
        </div>

    </div>

    <div class="layui-form-item layui-layout-admin">
        <div class="layui-input-block">
            <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" lay-submit="" lay-filter="xdWidget-attr-form-bt">保存</button>
                <button class="layui-btn" lay-submit="" lay-filter="xdWidget-preview-form-bt">预览</button>
            </div>
        </div>
    </div>
</form>


<script type="text/html" id="serverFlag-dom" >

        <div class="layui-inline serverFlag-dom-add">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <input type="checkbox" name="allFlag" title="全部加载" lay-skin="primary"  value="true">
            </div>
        </div>

        <div class="layui-inline serverFlag-dom-add">
            <label class="layui-form-label">数据源</label>
            <div class="layui-input-inline">
                <select name="dataSourceId" id="dataSourceId" lay-verify="" lay-search>

                </select>
            </div>
        </div>

        <div class="layui-inline serverFlag-dom-add">
            <label class="layui-form-label">数据集SQL</label>
            <div class="layui-input-inline" onclick="editTextarea('dataSql')">
                <textarea name="dataSql" id="dataSql" placeholder="Example:select a,b from table" readonly lay-verify="required" class="layui-textarea"></textarea>
            </div>
        </div>

        <div class="layui-inline serverFlag-dom-add">
            <label class="layui-form-label">展示值</label>
            <div class="layui-input-inline">
                <input type="text" name="labelField" lay-verify="required"
                       autocomplete="off" class="layui-input"
                       placeholder="填写sql字段:a">
            </div>
        </div>

        <div class="layui-inline serverFlag-dom-add">
            <label class="layui-form-label">实际值</label>
            <div class="layui-input-inline">
                <input type="text" name="valueField" lay-verify="required"
                       autocomplete="off" class="layui-input"
                       placeholder="填写sql字段:b">
            </div>
        </div>
</script>